require('../../assets/css/index.less')
require('./my.less')
require('../../assets/js/property')
require('swiper/dist/css/swiper.min.css')
const Swiper = require('swiper')
const renderTabbar = require('../../intils/tabbar.js')
// 引入axios工具
const request = require('../../intils/reques')
// 服务器地址
const url = 'http://fitness.h5.itsource.cn:3701'




window.onload = () => {
  renderTabbar()
  let mySwiper = new Swiper(".swiper-container", {

    autoplay: 5000,

    loop: true,
    pagination: '.swiper-pagination',


  });
  // 获取用户信息
  function getUser() {
    request.get('/api/user/info')
      .then(res => {
        // 解构数据
        console.log(res.data);
        let { data, errno } = res.data
        if (errno === 0) {
          // 渲染页面
          xuanR(data)

        }

      })
  }
  getUser();

  // 获取打卡信息
  function getClock() {
    request.get('/api/user/clockInInfo')
      .then(res => {
        // 解构数据
        // console.log(res.data);
        let { data, errno } = res.data
        if (errno === 0) {
          // console.log(data.isClockIn);
          if (data.isClockIn) {
            $('#daka').textContent = '已打卡'
            $('#daka').classList.add('clocked')
          } else {
            $('#daka').textContent = '今日打卡'
            $('#daka').classList.remove('clocked')
          }
        }
      })
  }
  getClock();
  // 获取徽章信息
  function getBadge() {
    request.get('/api/exercise/badge')
      .then(res => {
        console.log(res.data);
        // 解构数据
        let { data, errno } = res.data
        if (errno === 0) {
          $a('.box1').forEach((v, i) => {
            v.textContent = data[i]
          })
        }
      })
  }
  getBadge()

  // 获取运动数据
  function getSport() {
    request.get('/api/exercise')
      .then(res => {
        console.log(res.data);
        let { data, errno } = res.data
       
        if (errno === 0) {
          $('#sumDuration').textContent = data.sum7Duration
          $('#sumCalorie').textContent = data.sum7Calorie
        }
      })



  }
  getSport()

  // 渲染函数
  function xuanR(data) {
    // 图片地址=服务器地址+
    $('#avatar').src = url + data.imgUrl
    $('#userName').textContent = data.nickName
    $('#day').textContent = data.clockCount
    $('#text').textContent=data.sign
    $('#circlesCount').textContendata=data.circlesCount

    


  }

  // 点击打卡事件
  $('#daka').addEventListener('click', () => {
    // console.log(1);
    request.post('/api/user/clockIn')
      .then(res => {
        console.log(res.data);
        // 解构数据
        let { errno, message } = res.data
        if (errno === 0) {
          //打卡成功 重新请求数据 自动渲染
          getClock();
          getUser();


        } else {
          alert(message)
        }
      })
  })






}